<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大包科技</title>
    <meta name="keywords" content="大包科技">
    <meta name="description" content="大包科技">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link type="text/css" rel="stylesheet" href="./static/css/swiper.min.css">
    <link type="text/css" rel="stylesheet" href="./static/css/animate.css">
    <link type="text/css" rel="stylesheet" href="./static/css/basic.css?v=1.0">
    <script type="text/javascript" src="./static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/TweenMax.min.js"></script>
    <script type="text/javascript" src="./static/js/common.js"></script>
    <script type="text/javascript" src="./static/js/back.js"></script>
</head>
<body>
<div class="bodyWrap">
    <!--<div id="header">-->
        <!--<iframe class="display_block" id="headerBox" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0-->
                <!--SCROLLING=no src='./head.htm' width="100%"></iframe>-->
    <!--</div>-->
    <div class='header'>
        <div class="header-content display_flex space_between align_center">
            <a class="logo-wrapper" href="./index.html">
                <img class="logo" src="./static/images/logo.png" alt="logo">
            </a>
            <div class="header-nav display_flex space_between">
                <a href="index.html" class="active">首&nbsp;&nbsp;页</a>
                <a href="production.html">产品与服务</a>
                <a href="solution.html">解决方案</a>
                <a href="dynamicInfo.html" class="dynamicInfo">资讯动态</a>
                <a href="aboutUs.html" class="aboutUs">关于大包</a>
                <a href="contactUs.html">联系我们</a>
            </div>
            <div class="nav-list" id="aboutUs">
                <a href="aboutUs.html?index=0">公司简介</a>
                <a href="aboutUs.html?index=1">公司愿景</a>
                <a href="aboutUs.html?index=2">招贤纳士</a>
                <a href="aboutUs.html?index=3">JOB意义</a>
            </div>
            <div class="nav-list" id="dynamicInfo">
                <a href="dynamicInfo.html?index=0">行业动态</a>
                <a href="dynamicInfo.html?index=1">政策法规</a>
            </div>
        </div>
    </div>
    <div id="content">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                        <img src="./static/images/banner_01.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="./static/images/banner_02.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="./static/images/banner_03.jpg">
                    </a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="bgc_fff">
            <div class="container display_flex space_between padding_bottom_0">
                <div class="service-wrapper">
                    <h5 class="common-title">IT人资全方位外包综合服务商</h5>
                    <!--<p class="description col_666 margin_bottom_30" style="line-height: 28px;">" 大包（厦门）科技有限公司是一家为企业提供专业的科技服务企业。扎根在拥有高颜值、高素质、有国际范、幸福感爆棚的“海上花园之城”-&#45;&#45;厦门。</p>-->
                    <p class="description col_666" style="line-height: 28px;"> 大包（厦门）科技有限公司是一家为企业提供专业的科技服务企业。扎根在拥有高颜值、高素质、有国际范、幸福感爆棚的“海上花园之城”---厦门。公司自成立以来专注从事自主软件开发、技术咨询、服务、系统集成开发和营销服务。以工匠精神研发自主产品和提供精准软件开发服务，致力于为客户提供高性价比的服务。在科技领不断的探索和发展，大包已成为政企单位、金融行业、电信行业、房地产行业等领域较为重要的IT服务商合作伙伴。大包人力资源职信平台采用SMS理念构建，是公司重点研发项目之一。对企业的人力资源管理进行分析、规划、实施、调整，帮助企业首先夯实基础，解决管理规范化问题，优化人力成本，为企业长远发展赋能</p>
                    <div class="display_flex" style="margin-top: 75px;">
                        <span class="checkDetail_btn" id="contact" style="margin-right: 36px;">前往资讯</span>
                        <a class="checkMore_btn" href="./aboutUs.html">查看更多</a>
                    </div>
                </div>
                <img class="service_bg" src="./static/images/service_bg.png" alt="">
            </div>
        </div>
        <div class="bgc_fff">
            <div class="container padding_top_0">
                <h5 class="common-title center-title border_bottom_fafafa">产品与服务</h5>
                <p class="description col_a4a4a4 text_center">助力企业发展   4A级定制服务</p>
                <p class="description col_a4a4a4 text_center">以信息连结、共享为己任，助力企业发展一流的质量和效率，共同开拓美好的未来</p>
                <div class="production-wrapper clearfix">
                    <div class="production-item">
                        <div class="production-item-content">
                            <span>人力资源服务平台</span>
                            <p>大包人力资源服务平台,以最小的成本，实现收益最大化，诚挚为您服务。</p>
                            <a href="">详情></a>
                        </div>
                    </div>
                    <div class="production-item">
                        <div class="production-item-content">
                            <span>精细化软件外包服务</span>
                            <p>微信开发、APP软件定制、PC系统软件开发、驻场全方位开发服务。</p>
                            <a href="">详情></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-wrapper-bg">
            <div class="container">
                <h5 class="common-title center-title border_bottom_fafafa">4A级服务，让您享受极致的服务体验</h5>
                <div class="display_flex space_between">
                    <div class="service-item">
                        <i class="icon-1"></i>
                        <span>品质保证</span>
                        <p>与宣传不否，全额退款，我们的品质，臻于细节，力求完美，做到精益求精</p>
                    </div>
                    <div class="service-item">
                        <i class="icon-2"></i>
                        <span>服务保障</span>
                        <p>满意在付款，我们的一站式服务，全天候在线线上团队，7×24小时为您线上服务</p>
                    </div>
                    <div class="service-item">
                        <i class="icon-3"></i>
                        <span>费用保障</span>
                        <p>决不含各种隐性费用，安全，放心，为您提供全方位的费用保障体系</p>
                    </div>
                    <div class="service-item">
                        <i class="icon-4"></i>
                        <span>时间保障</span>
                        <p>客户确定时间，决不拖延，我们向您保证，高效办公，绝不拖延，按期交付</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bgc_fff">
            <div class="container five-info-con">
                <h5 class="common-title center-title border_bottom_fafafa">解决方案</h5>
                <ul class="list-unstyled">
                    <li class="current">
                        <div class="opcityandPic">
                            <a href="#">
                                <img src="./static/images/solition_pic_01.png" class="img" alt=""/>
                                <div class="opacity60"></div>
                                <div class="titlH">
                                    <div class="icon"><img src="./static/images/solution-icon-01.png" alt=""></div>
                                    <span>技术服务解决方案</span>
                                </div>
                            </a>
                        </div>
                        <div class="info">
                            <a href="#">
                                <div class="infoCon">
                                    <p>智能科技，安全助跑，一对一定制服务，让业务更高效。</p>
                                    <a class="morelink">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="opcityandPic">
                            <a href="#">
                                <img src="./static/images/solition_pic_02.png" class="img" alt=""/>
                                <div class="opacity60"></div>
                                <div class="titlH">
                                    <div class="icon"><img src="./static/images/solution-icon-02.png" alt=""></div>
                                    <span>政府门户解决方案</span>
                                </div>
                            </a>
                        </div>
                        <div class="info">
                            <a href="#">
                                <div class="infoCon">
                                    <p>为政府、企业单位提供一对一的定制建站服务。</p>
                                    <a class="morelink">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="opcityandPic">
                            <a href="#">
                                <img src="./static/images/solition_pic_03.png" class="img" alt=""/>
                                <div class="opacity60"></div>
                                <div class="titlH">
                                    <div class="icon"><img src="./static/images/solution-icon-03.png" alt=""></div>
                                    <span>小程序解决方案</span>
                                </div>
                            </a>
                        </div>
                        <div class="info">
                            <a href="#">
                                <div class="infoCon">
                                    <p>自主开发的框架，多个应用实现自由组合使用，全面满足您的需求，一键生成您的专属微信小程序。</p>
                                    <a class="morelink">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="opcityandPic">
                            <a href="#">
                                <img src="./static/images/solition_pic_04.png" class="img" alt=""/>
                                <div class="opacity60"></div>
                                <div class="titlH">
                                    <div class="icon"><img src="./static/images/solution-icon-04.png" alt=""></div>
                                    <span>商城平台解决方案</span>
                                </div>
                            </a>
                        </div>
                        <div class="info">
                            <a href="#">
                                <div class="infoCon">
                                    <p>高并发、高负载秒杀抢购系统、分销系统、及B2C、C2C等大型电商解决方案。</p>
                                    <a class="morelink">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="service-process-bg">
            <div class="container">
                <h5 class="common-title center-title border_bottom_fafafa">服务流程</h5>
                <div class="display_flex space_between">
                    <div>
                        <span class="service-process-title">软件外包服务流程</span>
                        <img src="./static/images/service_process_01.png" alt="">
                    </div>
                    <div>
                        <span class="service-process-title">IT人才驻场</span>
                        <img src="./static/images/service_process_02.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="bgc_fff">
            <div class="container padding_bottom_0">
                <h5 class="common-title center-title border_bottom_fafafa">我们的优势</h5>
                <div class="display_flex space_between" style="flex-wrap: wrap;padding-top: 36px;">
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_01.png" alt="">
                        <div>
                            <span>一站式服务</span>
                            <p>提供全方位的信息化服务</p>
                        </div>
                    </div>
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_02.png" alt="">
                        <div>
                            <span>良好的口碑</span>
                            <p>交付500+</p>
                        </div>
                    </div>
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_03.png" alt="">
                        <div>
                            <span>分期付款</span>
                            <p>按进度付款，更有保障</p>
                        </div>
                    </div>
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_04.png" alt="">
                        <div>
                            <span>交付周期短</span>
                            <p>50+的开发人员</p>
                        </div>
                    </div>
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_05.png" alt="">
                        <div>
                            <span>服务保障</span>
                            <p>7x24售后服务体系</p>
                        </div>
                    </div>
                    <div class="advantage-item">
                        <img src="./static/images/advantage_icon_06.png" alt="">
                        <div>
                            <span>终身免费咨询</span>
                            <p>一次合作，永久免费咨询</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bgc_fff">
            <div class="container padding_bottom_0 padding_top_0">
                <h5 class="common-title center-title border_bottom_fafafa">成功案例</h5>
                <div class="partner-wrapper clearfix">
                    <img src="./static/images/partner_01.png" title="厦门市秦商信息科技有限公司">
                    <img src="./static/images/partner_02.png" title="万科股份">
                    <img src="./static/images/partner_03.png" title="厦门日上运通物联网科技有限公司">
                    <img src="./static/images/partner_04.png" title="厦门市巨龙软件工程有限公司">
                    <img src="./static/images/partner_05.png" title="厦门市浙江商会">
                    <img src="./static/images/partner_06.png" title="厦门市信息集团">
                    <img src="./static/images/partner_07.png" title="厦门火炬高新区管委会">
                    <img src="./static/images/partner_08.png" title="厦门信用办">
                    <img src="./static/images/partner_09.png" title="九三学社">
                    <img src="./static/images/partner_10.png" title="厦门市鼓浪屿管委会">
                    <img src="./static/images/partner_11.png" title="烽火科技集团">
                    <img src="./static/images/partner_12.png" title="海康威视">
                    <img src="./static/images/partner_13.png" title="中国联通">
                    <img src="./static/images/partner_14.png" title="中国移动">
                    <img src="./static/images/partner_15.png" title="中国电信">
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <iframe class="display_block" id="footerBox" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
                SCROLLING=no src='./foot.htm' width="100%"></iframe>
    </div>`
</div>
<div class="dialog-contact">
    <i class="dialog-close"></i>
    <h4 class="dialog-title">联系方式</h4>
    <div class="dialog-content">
        <ul>
            <li>0592-5168015</li>
            <li>sales@qinsung.com</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    var morenC;
    ;(function ($) {
        $(function () {
            // document.oncontextmenu=new Function("event.returnValue=false");
            // document.onselectstart=new Function("event.returnValue=false");
        })
    })(jQuery);

    function getfivemodule(picW, picH) {
        var height = picH * 1000 * 0.27 / picW;
        var cur_height = picH * 1000 * 0.3488 / picW;
        var marginTop = -height / 2;
        var marginTop_cur = -cur_height / 2;
        return [height, marginTop, cur_height, marginTop_cur];
    }


    //首页banner
    var swiper = new Swiper('.swiper-container', {
        speed: 3000,
        roundLengths: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            renderBullet: function (index, className) {
                return '<div class="' + className + '"><span></span></div>';
            }
        }
    });

    morenC = getfivemodule(270,638);
    TweenMax.to(".five-info-con ul li",0,{width:'270px'});
    TweenMax.to(".five-info-con ul li .opcityandPic",0.,{marginTop:morenC[1],height:morenC[0]});
    TweenMax.to(".five-info-con ul li.current",0,{width:'350px'});
    TweenMax.to(".five-info-con ul li.current .opcityandPic",0,{marginTop:morenC[3],height:morenC[2]});
    $(".five-info-con ul li").hover(function(){
        $(".five-info-con ul li").removeClass('current');
        $(this).addClass('current');
        TweenMax.to(".five-info-con ul li",0.3,{width:'270px'});
        TweenMax.to(".five-info-con ul li .opcityandPic",0.3,{marginTop:morenC[1],height:morenC[0]});
        TweenMax.to(".five-info-con ul li.current",0.3,{width:'350px'});
        TweenMax.to(".five-info-con ul li.current .opcityandPic",0.3,{marginTop:morenC[3],height:morenC[2]});
    },function(){

    });

    $(".production-wrapper .production-item").hover(function () { // 产品与服务
        $(this).stop(true, false).animate({
            'backgroundSize': '120%'
        }, 400)
    }, function () {
        $(this).stop(true, false).animate({
            'backgroundSize': '100%'
        }, 400)
    })

    $("#contact").click(function () { // 弹窗显示
        $(".dialog-contact").fadeIn(400);
        // $("body").css({
        //     "overflow-y": "hidden"
        // })
    })

    $(".dialog-close").click(function () { // 弹窗关闭
        $(".dialog-contact").fadeOut(400);
        // $("body").css({
        //     "overflow-y": "auto"
        // })
    })
</script>
</body>
</html>